<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;

        }

        .box {
            width: 1920px;
            height: 1080px;
            background-color: black;
            overflow: hidden;
        }

        img {
            position: relative;
            width: 1900px;
            height: 1050px;
            margin-top: 10px;
            margin-left: 10px;
        }

        .text {
            position: absolute;
            bottom: 50px;
            left: 100px;
            width: 1100px;
            height: 50px;
            color: rgba(26, 25, 25, 0.63);
         

        }
    </style>
</head>

<body>
    <div class="box">
        <!-- <img src="./0.png" alt=""> -->
        <div class="text">
       
        </div>
    </div>
</body>

</html>
<script>
    let arr = new Array(
        "1.长远发展靠什么？答：学历+技能+管理+文化",
        "2.任何语言和行为的背后，是什么在支撑？答：是观念（思维）在支撑",
        "3.ABCD法则各代表什么？答：A—现实世界（实相）、B—印象（观念、思维）、C—反应（行为、语言）、D—结果（本质vs劣根）",
        "4.产教融合型大学的定义是什么？答：以行业要求为标准，以产教融合的教育模式为核心，通过教育思想的革命，教育内容的精进、教育方法的创新，培养思维模式先进、通识知识宽广，专业知识深厚，以及应用能力熟练的一流人才的大学。",
        "5.振涛文化是如何由来的？答：振涛文化，是振涛在发展过程中遇到问题、分析问题、解决问题的法宝；振涛文化，是振涛师生共创的精神产物，通过不断地系统完善，振涛文化已然成了振涛人的精神支柱；振涛文化，是帮助企业发展与个人成长的宝贵财富。",
        "6.振涛文化的意义价值是什么？答：振涛文化，是振涛在发展过程中通过不断实践总结下来的智慧结晶；振涛文化，是能够解决人思想问题，帮助人超越困扰、进取奉献的灵魂法宝；振涛文化，是使人建事功，会做人能做事，是学生由学校通往企业的桥梁。",
        "7.如果把文化系统比作一棵树，那树根、树干、树枝、树叶都是什么？答：树根：坚信潜力无限、本质自觉、本质进化；树干：快乐、进取、奉献；树枝（做人之道）：践行感恩奉献、牢记正确归因、满心好事，机会无数、满眼好人，贵人无数、满嘴好话，功德无量；树叶（做事之道）：想好事、想方法、想行动",
        "8.振涛的校训是什么？答：自强弘毅、乐学慎思、明辨笃行",
        "9.振涛的核心价值观是什么？答：快乐、进取、奉献",
        "10.快乐的三个层次是什么？答：当下之乐、过程之乐、未来之乐",
        "11.进取的三个层次是什么？答：人有志则不甘居人后、人有学识则不自满足、人有恒心则无事不成",
        "12.奉献的三个层次是什么？答：成就自我、成就他人、成就团队",
        "13.振涛的行为理念是什么？答：坚信潜力无限、践行感恩奉献、牢记正确归因",
        "14.“超越自我”的对联是什么？答：上联：没有学不会的知识，只有不会学的学生下联：没有教不会的学生，只有不会教的老师横批：超越自我",
        "15.态度第一的对联是什么？答：上联：遇挫折要自责，诚惶诚恐，不屈不挠下联：获佳绩须自谦，戒骄戒躁，再接再厉横批：态度第一",
        "16.结果至上的对联是什么？答：上联：只为成功找办法下联：不为失败找理由横批：结果至上",
        "17.学习信念是什么？答：知识很简单、学习很快乐、潜力无极限",
        "18.工作信念是什么？答：事情很简单、工作很快乐、方法多得很",
        "19.一流人才具有的四个特质是什么？答：富有梦想、意志坚定、素质优良、能力出众",
        "20.企业选取人才的标准是什么？答：敢于创新、忠诚感恩、复盘精进"
    )
    function $(e) {
        return document.querySelector(e)
    }
    let num = 0
    window.onkeydown = e => {
        let id = e.keyCode
        console.log(id);
        switch (id+"") {
            case "20": num--

               $(".text").style.display = "block"
                if (num >= arr.length) num = 0
                if (num < 0) num = arr.length - 1
                $(".text").innerHTML = arr[num]; break
            case "16": num++
              $(".text").style.display = "block"
                if (num >= arr.length) num = 0
                if (num < 0) num = arr.length - 1
                $(".text").innerHTML = arr[num]; break
            case "17": $(".text").style.display = "none"; break
        }

    }</script>